<!DOCTYPE>
<html>

<head>
    <meta charset="utf-8">
    <title>task16</title>
    <style type="text/css">
    * {
        margin: 10px;
    }
    
    table {
        border-collapse: collapse;
    }
    
    table,
    tr,
    th,
    td {
        border: 2px solid purple;
    }
    
    th,
    td {
        width: 80px;
        height: 30px;
        text-align: center;
    }
    </style>
</head>

<body>
    <div>
        <label>城市名称：
            <input id="aqi-city-input" type="text">
        </label>
        <br>
        <label>空气质量指数：
            <input id="aqi-value-input" type="text">
        </label>
        <br>
        <button id="add-btn">确认添加</button>
    </div>
    <table id="aqi-table">
        <!--<tr>
				<td>城市</td>
				<td>空气质量</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>北京</td>
				<td>90</td>
				<td><button>删除</button></td>
			</tr>
			<tr>
				<td>北京</td>
				<td>90</td>
				<td><button>删除</button></td>
			</tr>-->
    </table>
    <script src="script/task16.js"></script>
</body>

</html>
